<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>websearch</title>
        <link rel="stylesheet" href="/css/reset.css" type="text/css" />
        <link rel="stylesheet" href="/css/style.css" type="text/css" />
        <link type="text/css" href="/css/menu.css" rel="stylesheet" />
        <script src="/js/javascript.js" type="text/javascript"></script>
        <script type="text/javascript" src="/js/jquery.js"></script>
        <script type="text/javascript" src="/js/menu.js"></script>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <a href="#"><img alt="" src="" /></a>
                <div id="nav">
                    <!--esto es arriba del login-->
                </div>
            </div>
            <div class="clear"></div>
            <br />
            <div id="left">
                <a href="#"><img src="images/streaming.jpg" alt="" /></a>
                <div class="streaming">
                    <div class="leftside"><img src="images/arrow.png" alt="" /> <span style="text-decoration: underline;">Servicios</span></div>
                    <div class="rightside"><img src="images/arrow.png" alt="" /> <span style="text-decoration: underline;">Categor&iacute;as</span></div>
                    <div class="clear"></div>
                    <div class="leftside"><img src="images/arrow.png" alt="" /> <span style="text-decoration: underline;">Asociados</span></div>
                    <div class="rightside"><img src="images/arrow.png" alt="" /> <span style="text-decoration: underline;">Ultimas Ofertas</span></div>
                    <div class="clear"></div>
                </div>
                <br />
                <a href="#"><img src="images/automation.jpg" alt="" style="margin-bottom: 5px;" /></a>
                <a href="#"><img src="images/hosting.jpg" alt="" /></a>
                <br /><br />
                <a href="#"><img src="images/begin_building.jpg" alt="" /></a>
                <br /><br />
                <div class="box_head">QUE ES SMSEARCH Y CUALES SON SUS SERVICIOS?</div>
                <div class="box">

                    <?php echo $sf_content ?><br/>
                    <a href="#"><img src="images/find_out_more.jpg" alt="" /></a>
                </div>
                <img src="images/box_bottom.jpg" alt="" />
            </div>
            <div id="right">
                <img src="images/login_top.jpg" alt="" />
                <div class="login_box">
                    <br />
                    <div class="login_form_field">
                        <img src="images/login_box_username.jpg" alt="Username:" /><input class="login_input" type="text" /><img src="images/login_box_end.jpg" alt="" />				</div>
                    <div class="clear"></div>
                    <br />
                    <div class="login_form_field">
                        <img src="images/login_box_password.jpg" alt="Password:" /><input class="login_input" type="password" /><img src="images/login_box_end.jpg" alt="" />				</div>
                    <div class="clear"></div>
                    <br />
                    <input type="checkbox" id="remember" style="float:left;" /> <div class="remember"><label for="remember" style="">Recordar informaci&oacute;n</label></div><br />
                    <div class="clear"></div>
                    <br />
                    <input type="image" src="images/login_submit.jpg" />
                    <div class="clear"></div>
                </div>
                <img src="images/login_box_bottom.jpg" alt="" />
                <br /><br />
                <img src="images/flexible_top.jpg" alt="" /><br />
                <div class="flexible_box">
                    <ul class="flexible_ul">
                        <li class="flexible_li">1</li>
                        <li class="flexible_li">2</li>
                        <li class="flexible_li">3</li>
                    </ul>
                    <br />
                </div>
                <img src="images/more_info.jpg" alt="" style="margin-left: 10px;" />
            </div>
            <div class="clear"></div>
            <br />
            <div class="testimonial">
				 asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf 
				asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf 
            </div>
            <br />
            <div id="footer">
                <div style="float:left;">
                    <img src="" alt="" /><br /><br />
                    <span style="text-decoration: underline;">Copyright SMSEARCH 2011</span>
                </div>

                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <div class="clear"></div>
            </div>
        </div>
    </body>
</html>
